<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>全心科技，全心为您 | 全心生活（北京）科技有限公司</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="全心生活,全心科技,全心生活（北京）科技有限公司，技术外包，外包，开发，开发公司" name="keywords">
    <meta content="全心生活,全心科技,全心生活（北京）科技有限公司，技术外包，外包，开发，开发公司" name="description">
    <!-- Bootstrap CSS File -->
    <link href="{{asset('lib/bootstrap/css/bootstrap.min.css')}}" rel="stylesheet">
    <!-- Libraries CSS Files -->
    <link href="{{asset('lib/font-awesome/css/font-awesome.min.css')}}" rel="stylesheet">
    <link href="{{asset('lib/animate/animate.min.css')}}" rel="stylesheet">
    <!-- Main Stylesheet File -->
    <link href="{{asset('css/style.css')}}" rel="stylesheet">
    <!--引用百度地图API-->
    <style type="text/css">
        html, body {
            margin: 0;
            padding: 0;
        }

        .iw_poi_title {
            color: #CC5522;
            font-size: 14px;
            font-weight: bold;
            overflow: hidden;
            padding-right: 13px;
            white-space: nowrap
        }

        .iw_poi_content {
            font: 12px arial, sans-serif;
            overflow: visible;
            padding-top: 4px;
            white-space: -moz-pre-wrap;
            word-wrap: break-word
        }

        .separator.line-separator:before {
            float: left;
        }

        .separator.line-separator:after {
            float: right;
        }

        .separator.line-separator:before, .separator:after {
            display: block;
            width: 40%;
            content: " ";
            margin-top: 14px;
            border: 1px solid #2dc997;
        }
    </style>

</head>


<body>

<!--==========================
Header
============================-->
<header id="header">
    <div class="container">

        <div id="logo" class="pull-left">
            <a href="#hero">
                <h3 style="color:#ffffff">全心科技</h3>
            </a>
        </div>

        <nav id="nav-menu-container">
            <ul class="nav-menu">
                <li class="menu-active"><a href="#hero">首页</a></li>
                <li><a href="#about">关于我们</a></li>
                <li><a href="#services">服务项目</a></li>
                <li><a href="#portfolio">客户案例</a></li>
                <li><a href="#team">Team</a></li>
                <li><a href="#contact">联系我们</a></li>
            </ul>
        </nav><!-- #nav-menu-container -->
    </div>
</header><!-- #header -->

<!--==========================
  Hero Section
============================-->
<section id="hero">
    <div class="hero-container">
        <h1>全心科技&nbsp;&nbsp;全心为您</h1>
        <h2>从0到1，无到有，我们将以最短的时间让您IDEA落地！❤️</h2>
        <a href="#about" class="btn-get-started">Get Started</a>
    </div>
</section><!-- #hero -->

<main id="main">

    <!--==========================
      About Us Section
    ============================-->
    <section id="about">
        <div class="container">
            <div class="section-header">
                <h3 class="section-title">全心科技</h3>
                <div class="separator line-separator"
                     style="color: #2dc997;margin: 0 auto 1em;width: 11em;text-align: center;">∎
                </div>
                <p class="section-description">全心科技，全心为您</p>
                <p class="section-description">
                    全心生活（北京）科技有限公司，位于中国硅谷北京中关村，前身为北京迈拉网络科技有限公司，成立于2015年，专注移动互联网技术开发和产品运营。公司拥有十余名国内顶尖研发工程师。公司成立三年以来，凭借在IT领域丰富的经验以及对现代市场的敏锐感知，融合大数据、云计算、致力于以在线公共服务的方式，提供安全、可靠的一站式互联网智能运营服务和行业解决方案，满足企业个性化、多样化的互联网转型需求。随时、随地提供智能经营与管理服务，帮助企业全面提升经营效率，实现企业数字化智能运营，打造大智慧企业，持续为客户创造商业价值，目前已为一部分传统企业和机构成功转型。</p>
            </div>
        </div>
    </section><!-- #about -->

    <!--==========================
      Services Section
    ============================-->
    <section id="services">
        <div class="container wow fadeIn">
            <div class="section-header">
                <h3 class="section-title">服务项目</h3>
                <div class="separator line-separator"
                     style="color: #2dc997;margin: 0 auto 1em;width: 11em;text-align: center;">∎
                </div>
                <p class="section-description">精益求精，精诚服务</p>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.2s">
                    <div class="box">
                        <div class="icon"><a href=""><i class="fa fa-desktop"></i></a></div>
                        <h4 class="title"><a href="">Web 应用开发</a></h4>
                        <p class="description">企业官网、CMS、论坛、RESTful API、后台管理系统</p>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.4s">
                    <div class="box">
                        <div class="icon"><a href=""><i class="fa fa-wechat"></i></a></div>
                        <h4 class="title"><a href="">微信开发</a></h4>
                        <p class="description">微信服务号、企业号、开放平台第三方应用开发</p>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.6s">
                    <div class="box">
                        <div class="icon"><a href=""><i class="fa fa-tablet"></i></a></div>
                        <h4 class="title"><a href="">iOS 移动端开发</a></h4>
                        <p class="description">iPhone、iPad、iWatch应用程序开发</p>
                    </div>
                </div>

                <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.2s">
                    <div class="box">
                        <div class="icon"><a href=""><i class="fa fa-android"></i></a></div>
                        <h4 class="title"><a href="">Android 移动端开发</a></h4>
                        <p class="description">Android 应用程序开发</p>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.4s">
                    <div class="box">
                        <div class="icon"><a href=""><i class="fa fa-road"></i></a></div>
                        <h4 class="title"><a href="">技术咨询</a></h4>
                        <p class="description">提供技术架构、工作流程等解决方案</p>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.6s">
                    <div class="box">
                        <div class="icon"><a href=""><i class="fa fa-lightbulb-o"></i></a></div>
                        <h4 class="title"><a href="">产品设计</a></h4>
                        <p class="description">深入业务，用户研究、产品策略，产品原型图产出</p>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.6s">
                    <div class="box">
                        <div class="icon"><a href=""><i class="fa fa-magic"></i></a></div>
                        <h4 class="title"><a href="">交互与视觉设计</a></h4>
                        <p class="description">为产品与用户之间提供最有效的沟通方式</p>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.6s">
                    <div class="box">
                        <div class="icon"><a href=""><i class="fa fa-line-chart"></i></a></div>
                        <h4 class="title"><a href="">运维服务/增值服务</a></h4>
                        <p class="description">运维服务：日常优化安全性维护，为您系统保驾护航。增值服务：提供服务器托管，代码托管，知识产权申报</p>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.6s">
                    <div class="box">
                        <div class="icon"><a href=""><i class="fa fa-shopping-bag"></i></a></div>
                        <h4 class="title"><a href="">运营服务</a></h4>
                        <p class="description">配合线下业务，开展线上推广，数据维护、统计、管理等运营服务，提出版本迭代的规则</p>
                    </div>
                </div>
            </div>

        </div>
    </section><!-- #services -->
    <!--==========================
       Call To Action Section
       ============================-->
    <section id="call-to-action">
        <div class="container wow fadeIn">
            <div class="row">
                <div class="col-lg-9 text-center text-lg-left">
                    <h3 class="cta-title">全心科技为您服务</h3>
                    <p class="cta-text"> 我们为客户提供涵盖桌面端、移动终端、服务器、网络及应用等以企业云为基础的IT服务。“我愿与您一同成长”。</p>
                </div>
                <div class="col-lg-3 cta-btn-container text-center">
                    <a class="cta-btn align-middle" href="http://qxsh-tech.mikecrm.com/jptFbUR"
                       target="_black">提交项目需求</a>
                </div>
            </div>

        </div>
    </section><!-- #call-to-action -->

    <!--==========================
      Portfolio Section
    ============================-->
    <section id="portfolio">
        <div class="container wow fadeInUp">
            <div class="section-header">
                <h3 class="section-title">客户案例</h3>
                <div class="separator line-separator"
                     style="color: #2dc997;margin: 0 auto 1em;width: 11em;text-align: center;">∎
                </div>
                <p class="section-description">全心投入，与您成长</p>
            </div>
            <div class="row">

                <div class="col-lg-12">
                    <ul id="portfolio-flters">
                        <li data-filter=".filter-app, .filter-card, .filter-logo, .filter-web" class="filter-active">
                            All
                        </li>
                        <li data-filter=".filter-app">App</li>
                        <li data-filter=".filter-card">Wechat</li>
                        <li data-filter=".filter-logo">Logo</li>
                        <li data-filter=".filter-web">Web</li>
                    </ul>
                </div>
            </div>

            <div class="row" id="portfolio-wrapper">

                @foreach($example as $v)
                    <div class="col-lg-3 col-md-6 portfolio-item
                    @switch($v['status'])

                    @case('0')
                            filter-app
                    @break
                    @case('1')
                            filter-card
                    @break
                    @case('2')
                            filter-logo
                    @break
                    @case('3')
                            filter-web
                    @break

                    @endswitch
                            ">
                        <a href="#">
                            <img src="{{$v['img']}}" alt="">
                            <div class="details">
                                <h4>{{$v['title']}}</h4>
                                <span>{{$v['subtitle']}}</span>
                            </div>
                        </a>
                    </div>
                @endforeach

            </div>

        </div>
    </section><!-- #portfolio -->

    <!--==========================
      Team Section
    ============================-->
    <section id="team">
        <div class="container wow fadeInUp">
            <div class="section-header">
                <h3 class="section-title">Team</h3>
                <div class="separator line-separator"
                     style="color: #2dc997;margin: 0 auto 1em;width: 11em;text-align: center;">∎
                </div>
                <p class="section-description">专业团队，敬业精神</p>
            </div>
            <div class="row">
                <div class="col-lg-3 col-md-6">
                    <div class="member">
                        <div class="pic"><img src="{{asset('img/team-1.jpg')}}" alt=""></div>
                        <h4>迈尔丹</h4>
                        <span>Chief Executive Officer</span>
                    </div>
                </div>

                <div class="col-lg-3 col-md-6">
                    <div class="member">
                        <div class="pic"><img src="{{asset('img/team-2.jpg')}}" alt=""></div>
                        <h4>李炎</h4>
                        <span>CTO</span>
                    </div>
                </div>

                <div class="col-lg-3 col-md-6">
                    <div class="member">
                        <div class="pic"><img src="{{asset('img/team-3.jpg')}}" alt=""></div>
                        <h4>李明</h4>
                        <span>合伙人&商务总监</span>

                    </div>
                </div>

                <div class="col-lg-3 col-md-6">
                    <div class="member">
                        <div class="pic"><img src="{{asset('img/team-4.jpg')}}" alt=""></div>
                        <h4>彦彦</h4>
                        <span>法务</span>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="member">
                        <div class="pic"><img src="{{asset('img/team-5.jpg')}}" alt=""></div>
                        <h4>莎莎</h4>
                        <span>产品经理</span>

                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="member">
                        <div class="pic"><img src="{{asset('img/team-6.jpg')}}" alt=""></div>
                        <h4>尹猛</h4>
                        <span>技术主管</span>

                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="member">
                        <div class="pic"><img src="{{asset('img/team-7.jpg')}}" alt=""></div>
                        <h4>贾静</h4>
                        <span>前端技术负责人</span>

                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="member">
                        <div class="pic"><img src="{{asset('img/team-8.jpg')}}" alt=""></div>
                        <h4>金涛</h4>
                        <span>高级技术开发工程师</span>
                    </div>
                </div>
            </div>

        </div>
    </section><!-- #team -->

    <!--==========================
      Contact Section
    ============================-->
    <section id="contact">
        <div class="container wow fadeInUp">
            <div class="section-header">
                <h3 class="section-title">联系我们</h3>
                <div class="separator line-separator"
                     style="color: #2dc997;margin: 0 auto 1em;width: 11em;text-align: center;">∎
                </div>
                <p class="section-description">最专业的服务，咫尺之间</p>
            </div>
        </div>

        <!--百度地图容器-->
        <div style="width:100%;height:380px;" id="dituContent"></div>


</html>

<div class="container wow fadeInUp mt-5">
    <div class="row justify-content-center">

        <div class="col-lg-3 col-md-4">

            <p style="font-weight: bold;font-size: 1.125em;
    line-height: 1.714285714em;">全心生活（北京）科技有限公司</p>
            <div class="info">
                <div>
                    <i class="fa fa-map-marker"></i>
                    <p>北京市朝阳区望京东园四区11号楼绿地中国锦1808</p>
                </div>

                <div>
                    <i class="fa fa-envelope"></i>
                    <p>marwan@qxsh-tech.cn</p>
                </div>

                <div>
                    <i class="fa fa-phone"></i>
                    <p> +(86)185-1695-9217</p>
                </div>
            </div>


        </div>

        <div class="col-lg-5 col-md-8">
            <div class="form">
                <div id="sendmessage">发送成功</div>
                <div id="errormessage"></div>
                <form action="/message" method="post" role="form" class="contactForm">
                    <div class="form-group">
                        <input type="text" name="name" class="form-control" id="name" placeholder="姓名"
                               data-rule="minlen:1" data-msg="请填写姓名"/>
                        <div class="validation"></div>
                    </div>
                    <div class="form-group">
                        <input type="text" class="form-control" name="phone"  placeholder="手机"
                              />
                        <div class="validation"></div>
                    </div>
                    <div class="form-group">
                        <input type="text" class="form-control" name="title" id="subject" placeholder="标题"
                               />
                        <div class="validation"></div>
                    </div>
                    <div class="form-group">
                        <textarea class="form-control" name="message" rows="5" data-rule="required"
                                  data-msg="Please write something for us" placeholder="留言"></textarea>
                        <div class="validation"></div>
                    </div>
                    <div class="text-center">
                        <button type="submit">Send</button>
                    </div>
                </form>
            </div>
        </div>

    </div>

</div>
</section><!-- #contact -->

</main>

<!--==========================
  Footer
============================-->
<footer id="footer">
    <div class="footer-top">
        <div class="container">

        </div>
    </div>

    <div class="container">
        <div class="copyright">
            &copy; <strong>全心生活（北京）科技有限公司</strong>
        </div>
        <div class="credits">京ICP备19002176号</div>
    </div>
</footer><!-- #footer -->

<a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>

<!-- JavaScript Libraries -->
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
<script src="{{asset('lib/jquery/jquery.min.js')}}"></script>
<script src="{{asset('lib/jquery/jquery-migrate.min.js')}}"></script>
<script src="{{asset('lib/bootstrap/js/bootstrap.bundle.min.js')}}"></script>
<script src="{{asset('lib/easing/easing.min.js')}}"></script>
<script src="{{asset('lib/wow/wow.min.js')}}"></script>
<script src="{{asset('lib/waypoints/waypoints.min.js')}}"></script>
<script src="{{asset('lib/counterup/counterup.min.js')}}"></script>
<script src="{{asset('lib/superfish/hoverIntent.js')}}"></script>
<script src="{{asset('lib/superfish/superfish.min.js')}}"></script>
<!-- Contact Form JavaScript File -->
<script src="{{asset('contactform/contactform.js')}}"></script>

<!-- Template Main Javascript File -->
<script src="{{asset('js/main.js')}}"></script>
<script type="text/javascript">
    //创建和初始化地图函数：
    function initMap() {
        createMap();//创建地图
        setMapEvent();//设置地图事件
        addMapControl();//向地图添加控件
    }

    //创建地图函数：
    function createMap() {
        var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
        var point = new BMap.Point(116.495106, 40.00604);//定义一个中心点坐标
        map.centerAndZoom(point, 17);//设定地图的中心点和坐标并将地图显示在地图容器中
        window.map = map;//将map变量存储在全局
    }

    //地图事件设置函数：
    function setMapEvent() {
        map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
        map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
        map.enableKeyboard();//启用键盘上下左右键移动地图
    }

    //地图控件添加函数：
    function addMapControl() {
        //向地图中添加缩放控件
        var ctrl_nav = new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_RIGHT, type: BMAP_NAVIGATION_CONTROL_SMALL});
        map.addControl(ctrl_nav);
        //向地图中添加缩略图控件
        var ctrl_ove = new BMap.OverviewMapControl({anchor: BMAP_ANCHOR_BOTTOM_RIGHT, isOpen: 0});
        map.addControl(ctrl_ove);
        //向地图中添加比例尺控件
        var ctrl_sca = new BMap.ScaleControl({anchor: BMAP_ANCHOR_BOTTOM_LEFT});
        map.addControl(ctrl_sca);
    }


    initMap();//创建和初始化地图
</script>
</body>
</html>
